<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>gps定位</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=07b05348abcb08a58dc85263b6f8e060"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

</head>
<body>
<div id='container'></div>
<div id="tip"></div>

<script type="text/javascript">
    /***************************************
     由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。
     ***************************************/

    var map, geolocation;
    //加载地图，调用浏览器定位服务
    map = new AMap.Map('container', {
        resizeEnable: true
    });






    map.plugin('AMap.Geolocation', function() {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位，默认:true
            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
            buttonOffset: new AMap.Pixel(10, 0),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
            zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
            buttonPosition:'RB'
        });

        map.addControl(geolocation);
        geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    });
    //解析定位结果



    function onComplete(data) {
        var str=['定位成功'];
        str.push('经度：' + data.position.getLng());
        str.push('纬度：' + data.position.getLat());

        var  getLonAndLat = data.position.getLng()+","+ data.position.getLat();//构造经纬度
            LonAndLatToAddress(getLonAndLat);//返回经纬度地址

        if(data.accuracy){

            str.push('精度：' + data.accuracy + ' 米');


        }//如为IP精确定位结果则没有精度信息
        str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
        document.getElementById('tip').innerHTML = str.join('<br>');
    }




    function  LonAndLatToAddress(getLonAndLat){
        AMap.plugin('AMap.Geocoder',function(){
            var geocoder = new AMap.Geocoder({
                city: "021"//城市，默认：“上海”
            });
            var address1;
            geocoder.getAddress(getLonAndLat,function(status,result){
                if(status=='complete'){
                    address1= result.regeocode.formattedAddress;

                }

            });

        });
    }







    //解析定位错误信息
    function onError(data) {
        document.getElementById('tip').innerHTML = '定位失败';
    }

</script>




<!--<script type="text/javascript">-->
    <!--/***************************************-->
     <!--由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。-->
     <!--***************************************/-->

        <!--var map, geolocation;-->
        <!--//加载地图，调用浏览器定位服务-->
        <!--map = new AMap.Map('container', {-->
            <!--resizeEnable: true-->
        <!--});-->
        <!--map.plugin('AMap.Geolocation', function() {-->
            <!--geolocation = new AMap.Geolocation({-->
                <!--enableHighAccuracy: true,//是否使用高精度定位，默认:true-->
                <!--timeout: 10000,          //超过10秒后停止定位，默认：无穷大-->
                <!--buttonOffset: new AMap.Pixel(10, 0),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)-->
                <!--zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false-->
                <!--buttonPosition:'RB'-->
            <!--});-->

            <!--map.addControl(geolocation);-->
            <!--geolocation.getCurrentPosition();-->
            <!--AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息-->
            <!--AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息-->
        <!--});-->
        <!--//解析定位结果-->
        <!--function onComplete(data) {-->
            <!--var str=['定位成功'];-->
            <!--str.push('经度：' + data.position.getLng());-->
            <!--str.push('纬度：' + data.position.getLat());-->

            <!--if(data.accuracy){-->
                <!--str.push('精度：' + data.accuracy + ' 米');-->
               <!--var  getLonAndLat = data.position.getLng()+","+ data.position.getLat();-->
                <!--LonAndLatToAddress(getLonAndLat);-->

            <!--}//如为IP精确定位结果则没有精度信息-->
            <!--str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));-->
            <!--document.getElementById('tip').innerHTML = str.join('<br>');-->
        <!--}-->

    <!--function LonAndLatToAddress(getLonAndLat){-->
        <!--AMap.plugin('AMap.Geocoder',function(){-->
            <!--var geocoder = new AMap.Geocoder({-->
                <!--city: "021"//城市，默认：“全国”-->
            <!--});-->
            <!--var lnglatXY=[121.518182,30.845676];//酒店给的经纬度-->
            <!--var address1;-->
            <!--geocoder.getAddress(lnglatXY,function(status,result){-->
                <!--if(status=='complete'){-->
                    <!--address1= result.regeocode.formattedAddress;-->
                    <!--alert(address1);-->
                <!--}-->

            <!--});-->

        <!--});-->
    <!--}-->



        <!--//解析定位错误信息-->
        <!--function onError(data) {-->
            <!--document.getElementById('tip').innerHTML = '定位失败';-->
        <!--}-->

<!--</script>-->
</body>
</html>